<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> 描述自定义指令(你是怎么用自定义指令的) </title>
</head>
<body>   
</body>
</html>
<script>
  /*在vue2.0里 代码复用 和 抽象的主要形式时组件 
    然而有的情况下 你仍然要对普通的dom元素进行地层的操作 这时候就用到自定义指令
     */

  /*
    普通的dom元素 进行地层操作的时候 可以使用自定义指令  
    尽管vue推崇数据驱动视图概念 但是并非所有情况都适合数据驱动 
    自定义指令就是一种有效的补充和拓展 不仅可以定义如何dom操作 还可复用
    */

    //自定义指令 基本内容
    //全局定义 Vue.driective("fous",{})
    //局部定义 directives:{focus:{}}


    //钩子函数 指令定义对象提供 钩子函数  
    //bind 只调用一次 指令第一次绑定到元素时调用 在这可以进行一次性的初始化设置
    //inserted 被绑定元素插入父节点时调用 
    //update...
    //...






</script>